
*{
  padding: 0;
  margin: 0;
}
.Font_size12{
  font-size: 12px;
}
.Font_size13{
  font-size: 13px;
}
.Font_size14{
  font-size: 14px;
}
.Font_size15{
  font-size: 15px;
}
.Font_size16{
  font-size: 16px;
}
.Font_size17{
  font-size: 17px;
}
.Font_size18{
  font-size: 18px;
}
.Font_size19{
  font-size: 19px;
}
.Font_size20{
  font-size: 20px;
}
.Font_size22{
  font-size: 22px;
}
.Font_size23{
  font-size: 22px;
}
.Font_size24{
  font-size: 24px;
}
.Font_size28{
  font-size: 28px;
}
.Font_size32{
  font-size: 32px;
}
.Font_size35{
  font-size: 35px;
}
.Font_size38{
  font-size: 38px;
}

.Font_size40{
  font-size: 40px;
}
.Font_size44{
  font-size: 44px;
}
.Font_size80{
  font-size: 80px;
}
.Font_size39{
  font-size: 38px;
}
.Font_size45{
  font-size: 45px;
}
.Font_size48{
  font-size: 48px;
}
.Font_size52{
  font-size: 52px;
}
.Font_size64{
  font-size: 64px;
}

.Color_333333{
  color: #333333;
}
.Color_333333_07{
  color: rgba(51, 51, 51, 0.74);
}
.Color_ffffff{
  color: #ffffff;
}
.Color_ffffff07{
  color: rgba(255,255,255,.6);
}
.Color_007DFC{
  color: #007DFC;
}
.Color_737373{
  color:#737373;
}
.Color_404040{
  color:#404040;
}
.Color_7E7F83{
  color:#7E7F83;
}
.Color_6E6E6E {
  color: #6E6E6E;
}
.Color_14110F{
  color:#14110F;
}
.Color_848484 {
  color: #848484;
}
.Color_58BAF4 {
  color: #58BAF4;
}
.Color_6BA97D {
  color: #6BA97D;

}
.Color_636571 {
  color: #636571;
}
.Color_848484 {
  color: #848484;
}
.Color_f9c50d {
  color: #f9c50d;
}
.Color_167AF0 {
  color: #167AF0;
}
.Color_171717 {
  color:#171717;
}
.Color_8A8A8A {
  color:#8A8A8A;

}
.Color_DE0E35 {
  color:#DE0E35;
}
.Flex{
  display: flex;
}
.Flex_J_Sb{
  justify-content: space-between;
}
.Flex_J_Sa{
  justify-content: space-around;
}
.Flex_J_C{
  justify-content: center;
}
.Flex_W_W{
  flex-wrap: wrap;
}
.Flex_A_C{
  align-items: center;
}
.Bg_FFFFFF{
  background-color: #ffffff;
}
.Bg_FFFFFF05{
  background-color: rgba(255,255,255,0.5);
}
.Bg_167AF0{
  background-color: #167AF0;
}
.Bg_F9F9F9{
  background-color: #F9F9F9;
}
.Bg_333333{
  background-color: #333;
}
.Bg_DE0E35{
  background-color: #DE0E35;
}
.Font_Weight{
  font-weight: bold;
}
.Margin_T4{
  margin-top:4px ;
}
.Margin_T8{
  margin-top:8px ;
}
.Margin_T12{
  margin-top:12px ;
}
.Margin_T16{
  margin-top:16px ;
}
.Margin_T20{
  margin-top:20px ;
}
.Margin_T30{
  margin-top:30px ;
}
.Margin_T40{
  margin-top:40px ;
}
.Margin_T50{
  margin-top:50px ;
}
.Margin_T60{
  margin-top:60px ;
}
.Margin_T80{
  margin-top:80px ;
}
.Margin_T110{
  margin-top:110px ;
}
.Margin_T120{
  margin-top:120px ;
}
.Margin_B2{
  margin-bottom:2px ;
}
.Margin_B4{
  margin-bottom:4px ;
}
.Margin_L4{
  margin-left:4px ;
}
.Text_align{
  text-align: center;
  position: relative;
}
.Text_align_R{
  text-align: right;
}
.Position_relative{
  position: relative;
  z-index: 100;
}
.Title{
  font-weight: bold;
  color: #171717;

}
.Hover_scale{
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
  cursor: pointer;
}
.Hover_scale:hover{
  transform: scale(1.04);
}
.TextAlignJ{
  text-align:justify;
}
.Text_scale{
  color: rgba(255,255,255,0.5);
}
.Text_scale:hover{
  color: rgba(255,255,255,1);
}
.Hover_scale1s{
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  transition-delay: 0s;
  cursor: pointer;
}
.Hover_scale1s:hover{
  transform: scale(1.08);
}
.fade-enter-active,
.fade-leave-active {
  transition: all 1s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
.Bor_f9c50d{
  border: 1px solid #f9c50d;
}
.lineHeight30{
  line-height: 30px;
}
.lineHeight22{
  line-height: 22px;
}
.lineHeight40{
  line-height: 40px;
}
.boxSizing{
  box-sizing: border-box;
}
.fontWeight100{
  font-weight: 100;
}
.letterSpacing12{
  letter-spacing: 12px;
}
.letterSpacing8{
  letter-spacing: 8px;
}
.letterSpacing4{
  letter-spacing: 4px;
}
.letterSpacing1{
  letter-spacing: 1px;
}
.vertical2{
  overflow: hidden; /* 隐藏超出内容 */
  display: -webkit-box; /* 作为弹性盒子布局 */
  -webkit-box-orient: vertical; /* 垂直方向排列 */
  -webkit-line-clamp: 2; /* 限制显示两行 */
}
.fontFamilyL{
  font-family: "MiSans-Light";
}
.fontFamilyR{
  font-family: "MiSans-Regular";
}
@media screen and (max-width: 600px){
  .Flex{
    display: flex;
    flex-wrap: wrap;
  }
  .Font_size80{
    font-size: 120px;
  }
  .Font_size39{
    font-size: 54px;
  }
  .Font_size45{
    font-size: 70px;
  }
  .Font_size12{
    font-size: 12px;
  }
  .Font_size13{
    font-size: 26px;
  }
  .Font_size14{
    font-size: 28px;
  }
  .Font_size15{
    font-size: 28px;
  }
  .Font_size16{
    font-size: 26px;
  }
  .Font_size17{
    font-size: 34px;
  }
  .Font_size18{
    font-size: 38px;
  }
  .Font_size19{
    font-size: 44px;
  }
  .Font_size20{
    font-size: 44px;
  }
  .Font_size22{
    font-size: 48px;
  }
  .Font_size23{
    font-size: 64px;
  }
  .Font_size24{
    font-size: 38px;
  }
  .Font_size28{
    font-size: 48px;
  }
  .Font_size32{
    font-size: 32px;
  }
  .Font_size35{
    font-size: 35px;
  }
  .Font_size38{
    font-size: 38px;
  }
  .Font_size40{
    font-size: 40px;
  }
  .Font_size44{
    font-size: 88px;
  }
  .Font_size48{
    font-size: 66px;
  }
  .Font_size52{
    font-size: 70px;
  }
  .Font_size64{
    font-size: 64px;
  }
  .vertical2{
    overflow: hidden; /* 隐藏超出内容 */
    display: -webkit-box; /* 作为弹性盒子布局 */
    -webkit-box-orient: vertical; /* 垂直方向排列 */
    -webkit-line-clamp: 3; /* 限制显示两行 */
  }
  .lineHeight40{
    line-height: 80px;
  }
}


